<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmRegistroHorarioPerfil" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelHorarioPerfil" rendered="#{usuarioController.selectedPersonalizaPerfil != null}">
            <table style="border-spacing: 5px;width: 100%;" >
                <tbody>
                    <tr>
                        <td style="width: 90px;"><h:outputLabel value="Perfil :" /></td>
                        <td>
                            <p:inputText value="#{usuarioController.selectedPersonalizaPerfil.nidPerfil.txtPerfil}" style="width: 250px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 90px;"><h:outputLabel value="Fecha de Inicio :" /></td>
                        <td>
                        <p:calendar value="#{usuarioController.selectedHorarioPerfil.fecHoraInicio}" readonlyInput="true"
                                        showOn="button" pattern="dd/MM/yyyy HH:mm" size="20" locale="es" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 90px;"><h:outputLabel value="Fecha de Fin :" /></td>
                        <td>
                            <p:calendar value="#{usuarioController.selectedHorarioPerfil.fecHoraFin}" readonlyInput="true"
                                        showOn="button" pattern="dd/MM/yyyy HH:mm" size="20" locale="es"/>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <p:selectBooleanCheckbox value="#{usuarioController.BActivoHorarioPerfil}" itemLabel="Activo" disabled="#{usuarioController.esNuevo}">
                                <p:ajax update="panelHoraPerfilObs" listener="#{usuarioController.muestraObservacionHorarioPerfil}"/> 
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h:panelGrid id="panelHoraPerfilObs" style="width: 100%" columns="2" >
                                <h:outputLabel value="Observación :" rendered="#{usuarioController.BMuestraObsHorarioPerfil}" style="margin-right: 10px;"/>
                                <p:inputTextarea counter="counterHorPerfil" maxlength="250" counterTemplate="{0} caracteres disponibles." 
                                     style="overflow-y:auto;width: 250px;height: 50px;font-size: 11px;"
                                     rendered="#{usuarioController.BMuestraObsHorarioPerfil}" value="#{usuarioController.selectedHorarioPerfil.txtObservacion}"/> 
                                <br/>
                                <h:outputText id="counterHorPerfil" />  
                            </h:panelGrid>
                        </td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="2">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton  style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" process=":frmRegistroHorarioPerfil"
                                                      actionListener="#{usuarioController.guardarUsuarioHorarioPerfil}" update=":frmRegistroHorarioPerfil:msjHorario"/>
                                    <p:commandButton value="Cerrar" icon="ui-icon-close" process="@this" oncomplete="detalleHorarioPerfil.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
        <p:messages id="msjHorario" showDetail="true" showSummary="false"/>
    </h:form>
</ui:composition>